// JavaScript Document
$(function() {
    //推荐歌曲播放图标展示变化
	$(".show>ul>li").hover(function(){
		$(this).find(".show-box>i>img").fadeIn(500);
		/*console.log($(this).find(".show-box>i>img"))*/
		
		},function(){
			$(this).find(".show-box>i>img").fadeOut(500);

			});
	$(".loveSong0").click(function(){
		$(this).find("a").addClass("cur");
		 $(this).siblings().find("a").removeClass("cur");
		$("#c0").addClass("chose");
		$("#c0").siblings().removeClass("chose");
		})
		
	$(".loveSong1").click(function(){
		$(this).find("a").addClass("cur");
		 $(this).siblings().find("a").removeClass("cur");
		 $("#c1").addClass("chose");
		$("#c1").siblings().removeClass("chose");
		})
	$(".loveSong2").click(function(){
		$(this).find("a").addClass("cur");
		 $(this).siblings().find("a").removeClass("cur");
		 $("#c2").addClass("chose");
		$("#c2").siblings().removeClass("chose");
		})
	$(".loveSong3").click(function(){
		$(this).find("a").addClass("cur");
		 $(this).siblings().find("a").removeClass("cur");
		 $("#c3").addClass("chose");
		$("#c3").siblings().removeClass("chose");
		})
	$(".loveSong4").click(function(){
		$(this).find("a").addClass("cur");
		 $(this).siblings().find("a").removeClass("cur");
		 $("#c4").addClass("chose");
		$("#c4").siblings().removeClass("chose");
		})
	$(".loveSong5").click(function(){
		$(this).find("a").addClass("cur");
		 $(this).siblings().find("a").removeClass("cur");
		 $("#c5").addClass("chose");
		$("#c5").siblings().removeClass("chose");
		});
		
	$(".song1").hover(function(){
		/*$(this).parent().find("img")[0].fadeIn(500);*/
		var $change =$(this).parent().find(".song1 >.cover");
		
			$(this).parent().find(".song1>img").animate({scale: '1.25'},500);
			  $change.fadeIn(500);;
		
		
		},function(){
			var $change =$(this).parent().find(".song1 >.cover");
			$(this).parent().find(".song1>img").animate({scale: '1'},500);
			  $change.fadeOut(500);
			
			});
	//新歌切换监听
	$(".newBox").on("click",function(e){
		
		var target = e.target;
		console.log(target.id);
		console.log(e.target.nodeName.toLowerCase())
		if(target.nodeName.toLowerCase()==="li"){
			//新歌切换对应显示项
			switch(target.id){
				case "inIand" : $(".new0").addClass("select");
				                $(".new0").siblings().removeClass("select");
								$("#inIand").addClass("cur1");
				                $("#inIand").siblings().removeClass("cur1");break;
								
				case "hongKong" : $(".new1").addClass("select");
				                $(".new1").siblings().removeClass("select");
				                 $("#hongKong").addClass("cur1");
				                $("#hongKong").siblings().removeClass("cur1");break;
								
				case "western" : $(".new2").addClass("select");
				                $(".new2").siblings().removeClass("select");
				                 $("#western").addClass("cur1");
				                $("#western").siblings().removeClass("cur1");break;
				
				case "japan" : $(".new3").addClass("select cur");
				                $(".new3").siblings().removeClass("select");
				                $("#japan").addClass("cur1");
				                $("#japan").siblings().removeClass("cur1");break;
				                 
				case "korea" : $(".new4").addClass("select");
				                $(".new4").siblings().removeClass("select");
								$("#korea").addClass("cur1");
				                $("#korea").siblings().removeClass("cur1");break;
				
				
				
				};
		
			
			}

		});
		var oli=$(".bar>ul>li");
		
		var oul=$(".wonBox");
		var index=0;
		//封装点击事件
		function olclick(){
			var arry=[0,1];
		    index++;
		    if(index>=2){
			 index=0;
			 }
			var num=arry[index];	
			oul.animate({left:-1225*num+"px"},1000);
			$(oli[num]).addClass("liset");
			$(oli[num]).siblings().removeClass("liset")
				}
			$(".last").click(function(){
				 olclick();
		});
		$(".next").click(function(){
			 olclick();
			})
		//下部点击委托给bar
		$(".bar").on("click",function(){
			olclick();
			});
		
	   $(".wonSong").hover(function(){
		     $(".listyle").css({display:"block"});
		},function(){
			 $(".listyle").css({display:"none"})
			
			})
	//新碟推荐区
	$(".cd1").hover(function(){
		
		var $change =$(this).find(".cover");
			$(this).parent().find(".cd1>img").animate({scale: '1.25'},500);
			  $change.fadeIn(500);;
		
		
		},function(){
			var $change =$(this).parent().find(".cd1 >.cover");
			$(this).parent().find(".cd1>img").animate({scale: '1'},500);
			  $change.fadeOut(500);
			
			});
	//排行榜
	$(".rankingListInfo>ul>li").hover(function(){
		
		$(this).find(".rankBox>span").fadeIn(500);
		console.log(this)
		
		},
	
	function(){
		
		$(this).find(".rankBox>span").fadeOut(500);
		
		});
	//MV
	$(".mvbox").hover(function(){
		
		var $change =$(this).find(".cover1");
			$(this).parent().find(".mvbox>img").animate({scale: '1.1'},500);
			  $change.fadeIn(500);;
		
		
		},function(){
			var $change =$(this).find(".cover1");
			$(this).parent().find(".mvbox>img").animate({scale: '1'},500);
			  $change.fadeOut(500);
			
			});
	
	
	
	
	$(".mvshow>ul>li").hover(function(){
		$(this).find(".mvshow-box>i>img").fadeIn(500);
		/*console.log($(this).find(".show-box>i>img"))*/
		
		},function(){
			$(this).find(".mvshow-box>i>img").fadeOut(500);
			
			
			
			});
	
});